<template>


  <div class="bat-data-tag">
    <span class="left">{{ left }}</span>
    <span class="right">{{ right }}</span>
  </div>

</template>

<script>
export default {
  name: "BatDataTag",
  props: {
    left: {
      type: String | Number,
      default: "",
    }, right: {
      type: String | Number,
      default: "",
    },
    color: {
      type: String | Number,
      default: "",
    }
  }
}
</script>

<style scoped lang="scss">
.bat-data-tag {
  margin: 0 4px 2px 0;
  display: inline-block;
  /*overflow-wrap: normal;*/
  span {

    /*display: inline-block;*/
    font-size: 12px;
    line-height: 12px;
    color: cornsilk;
  }
  .left {
    padding: 4px 4px 4px 6px;
    background-color: #40485b;
    border-radius: 4px 0 0 4px;

  }

  .right {
    padding: 4px 6px 4px 4px;
    background-color: #2eb486;
    border-radius: 0 4px 4px 0;
  }
}



</style>
